<!DOCTYPE html>
<html style="font-size: 95.75px;"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <title>用电信息大数据统计分析</title>
    <script type="text/javascript" src="./src/jquery.js"></script>
    <link rel="stylesheet" href="./src/comon0.css">
    <link rel="stylesheet" href="./src/iconfont.css">
    <script type="text/javascript">
        $(document).ready(function(){

            var html=$("#boxall_e .wrap ul").html()
            $("#boxall_e .wrap ul").append(html)
            var ls=$("#boxall_e .wrap li").length/2+1
            i=0
            ref = setInterval(function(){
                i++
                if(i==ls){
                    i=1
                    $("#boxall_e .wrap ul").css({marginTop:0})
                    $("#boxall_e .wrap ul").animate({marginTop:-'.61'*i+'rem'},1000)
                }
                $("#boxall_e .wrap ul").animate({marginTop:-'.61'*i+'rem'},1000)
            },5800);

          

            var html_c=$("#boxall_c .wrap ul").html()
            $("#boxall_c .wrap ul").append(html_c)
            var ls_c=$("#boxall_c .wrap li").length/2+1
            i_c=0
            ref = setInterval(function(){
                i_c++
                if(i_c==ls_c){
                    i_c=1
                    $("#boxall_c .wrap ul").css({marginTop:0})
                    $("#boxall_c .wrap ul").animate({marginTop:-'.72'*i_c+'rem'},1000)
                }
                $("#boxall_c .wrap ul").animate({marginTop:-'.72'*i_c+'rem'},1000)
            },5600);

            var html_b=$("#boxall_b .wrap ul").html()
            $("#boxall_b .wrap ul").append(html_b)
            var ls_b=$("#boxall_b .wrap li").length/2+1
            i_b=0
            ref = setInterval(function(){
                i_b++
                if(i_b==ls_b){
                    i_b=1
                    $("#boxall_b .wrap ul").css({marginTop:0})
                    $("#boxall_b .wrap ul").animate({marginTop:-'.61'*i_b+'rem'},1000)
                }
                $("#boxall_b .wrap ul").animate({marginTop:-'.61'*i_b+'rem'},1000)
            },5400);


            var html_a=$("#boxall_a .wrap ul").html()
            $("#boxall_a .wrap ul").append(html_a)
            var ls_a=$("#boxall_a .wrap li").length/2+1
            i_a=0
            ref = setInterval(function(){
                i_a++
                if(i_a==ls_a){
                    i_a=1
                    $("#boxall_a .wrap ul").css({marginTop:0})
                    $("#boxall_a .wrap ul").animate({marginTop:-'.6'*i_a+'rem'},1000)
                }
                $("#boxall_a .wrap ul").animate({marginTop:-'.6'*i_a+'rem'},1000)
            },5200);
        })
    </script>
</head>

<body>
    <div class="loading" >
        <div class="loadbox"> <img src="./src/loading.gif"> 页面加载中... </div>
    </div>
    <div class="head">
        <h1>
            <img src="./src/logo.png">
            用电信息大数据实时统计分析
        </h1>
    </div>
    <div class="mainbox">
        <ul class="clearfix">

            <li>

                <div class="boxall boxall_1" style="height: 2rem" id="boxall_a">
                    <div class="alltitle">本日工单</div>
                    <div class="wrap">
                            <ul>
                                <li>
                                    <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                </li>
    
                                <li>
                                    <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                </li>
    
                                <li>
                                    <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                </li>
    
                                <li>
                                    <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                </li>
    
                                <li>
                                    <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                </li>
                            </ul>
                    </div>
                    <div class="boxfoot"></div>
                </div>


                <div class="boxall boxall_2" style="height: 2.45rem" id="boxall_b">
                    <div class="alltitle">重点线路保障</div>
                    <div class="wrap">
                        <ul>
                            <li>
                                <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                            </li>

                            <li>
                                <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                            </li>

                            <li>
                                <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                            </li>

                            <li>
                                <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                            </li>

                            <li>
                                <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                            </li>
                        </ul>
                    </div>
                        
                    <div class="boxfoot"></div>
                </div>
              
            </li>

            <li>
                    <div class="boxall" style="height: 4.7rem" id="boxall_c">
                            <div class="alltitle">三维动态展示</div>
                            <div class="wrap" style="height:4.25rem">
                                <ul>
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
        
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
        
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
        
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
        
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
        
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
        
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
        
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
        
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
        
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
        
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
        
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
        
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
        
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
        
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
        
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
        
                                        <li>
                                            <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974</p>
                                        </li>
                                </ul>
                            </div>
                            <div class="boxfoot"></div>
                    </div>
            </li>

            <li>
                <div class="boxall" style="height:2rem" id="boxall_d">
                    <div class="alltitle">动环监控</div>

                    <div class="dhjk">
                        <div class="dhjk_box"><span class="iconfont icon-wenshidu err"></span><em>温湿度</em><i class="err">报警</i><p><b class="counter">1</b>/<em class="counter">214</em>台</p></div>
                        <div class="dhjk_box"><span class="iconfont icon-feng"></span><em>风扇控制</em><i>正常</i><p><em class="counter">433</em>台</p></div>
                        <div class="dhjk_box"><span class="iconfont icon-SmokeDetectors"></span><em>烟感</em><i>正常</i><p><em class="counter">10</em>台</p></div>
                        <div class="dhjk_box"><span class="iconfont icon-hekricon01"></span><em>PDU</em><i>正常</i><p><em class="counter">258</em>台</p></div>
                        <div class="dhjk_box"><span class="iconfont icon-menjin"></span><em>门禁</em><i>正常</i><p><em class="counter">219</em>台</p></div>
                        <div class="dhjk_box"><span class="iconfont icon-shexiangtou"></span><em>视屏</em><i>正常</i><p><em class="counter">186</em>台</p></div>
                    </div>
                    
                    <div class="boxfoot"></div>
                </div>
                <div class="boxall boxall_2" style="height: 2.45rem" id="boxall_e">
                    <div class="alltitle">传输告警</div>
                    <div class="wrap" id="wrap_e">
                        <ul>
                            <li>
                                <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974a</p>
                            </li>
                            <li>
                                <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974b</p>
                            </li>
                            <li>
                                <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974c</p>
                            </li>
                            <li>
                                <p><em>10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>计划停电  -  3876574855  -  2019043202348974d</p>
                            </li>
                        </ul>
                    </div>
                    <div class="boxfoot"></div>
                </div>
            </li>
        </ul>
        <div class="map">
            <div class="map1"><img src="./src/lbx.png"></div>
            <div class="map2"><img src="./src/jt.png"></div>
            <div class="map3"><img src="./src/map.png"></div>
            <div class="map4" id="map_1" _echarts_instance_="ec_1557038526486" style="-webkit-tap-highlight-color: transparent; user-select: none;"><div style="position: relative; overflow: hidden; width: 1378px; height: 672px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;"></div></div>
        </div>
    </div>
    <div class="back"></div>
    <script language="JavaScript" src="./src/js.js"></script>
    <script type="text/javascript" src="./src/echarts.min.js"></script>

    <script type="text/javascript" src="./src/jquery.waypoints.min.js"></script>
    <script type="text/javascript" src="./src/jquery.countup.min.js"></script>
    <script type="text/javascript">
        $('.counter').countUp();

        setInterval(function() {
        //    $("#wrap_e ul").prepend(`<li><p><em>aaa10KV观游线  -  2019/5/15 08:00:00 至 2019/5/15 15:30:00</em><br/>aa计划停电  -  aaa3876574855  -  aaa2019043202348974</p></li>`);
           ls=$("#boxall_e .wrap li").length/2+1
            
        }, 5000);
    </script>
    
</body></html>